<!DOCTYPE html>
<html ng-app="shopApp">
  <head>
    <meta charset="utf-8">
    <title>Module cart</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Module cart">
    <!-- Le styles -->
    <link href="webjars/bootstrap/${bootstrap.version}/css/bootstrap.css" rel="stylesheet">
    <link href="js/css/carousel.css" rel="stylesheet">
    <link href="js/css/style.css" rel="stylesheet">
  </head>
  <body>
  
    <!--[if lt IE 9]>
        <p class="chromeframe">你的浏览器版本太旧. <a href="http://browsehappy.com/">今天就升级浏览器吧</a> </p>
    <![endif]-->  
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container" >
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar">tt</span>
            <span class="icon-bar">t</span>
            <span class="icon-bar">ty</span>
          </button>
          <a class="navbar-brand" href="#">Module cart</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">我的主页</a></li>
            <li><a href="#about">新服务</a></li>
            <li><a href="#contact">客户服务</a></li>
          </ul>          
          <ul class="nav navbar-nav pull-right">      
              <li>
              <table>
               <tr>
                 <td>
                   <div class="input-group navbar-form">
      <input type="text" class="form-control">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-search"></span></button>
      </span>
    </div><!-- /input-group -->
                 </td>
               </tr>
              </table>  <!-- chrome browser need table to put all in one line. -->                            
           </li>
              <li><a href="#/cart"><span class="badge">{{itemsOnCart}}</span><i class="glyphicon glyphicon-shopping-cart"></i> 购物车 </a>
              </li>
              <li ng-show="uiConfig.plugins.secure"  ng-include="uiConfig.plugins.secure.pageFragment"> </li>              
            </ul>
        </div><!-- /.nav-collapse -->        
      </div><!-- /.container -->
    </div><!-- /.navbar -->  
    
    <!-- /container -->
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->

    <!--[if lt IE 9]>
        <script src="components/vendor/es5-shim.min.js"></script>
        <script src="components/vendor/json3.min.js"></script>
    <![endif]-->

    <!-- Add your site or application content here -->
    <div class="container" ng-view></div>
    
    <hr/>

    <footer>
      <div class="container">
        <p>&copy; 版权所有</p>
      </div>
    </footer>
    <script src="webjars/jquery/${jquery.version}/jquery.js"></script>
    <script src="webjars/bootstrap/${bootstrap.version}/js/bootstrap.js"></script>
    <script src="webjars/angularjs/${angularjs.version}/angular.js"></script>
    <script src="webjars/angularjs/${angularjs.version}/angular-resource.js"></script>
    <script src="webjars/angularjs/${angularjs.version}/angular-route.js"></script>
    <script src="webjars/angularjs/${angularjs.version}/i18n/angular-locale_zh-cn.js"></script>
    <script src="js/js/app.js"></script>
    <script src="js/js/services.js"></script>
    <script src="js/js/controllers/main.js"></script>
    <script src="js/js/services/localStorage.js"></script>    
  </body>
</html>

